﻿<!DOCTYPE html>
<html>
<head>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

	<!-- Stylesheets -->
	<link href="css/default.css" rel="stylesheet" type="text/css">

	<!-- Javascripts -->
	<script src="js/jquery.js"></script>
	<script src="js/cre-application.jquery.js"></script>
	<title>Creatision</title>
</head>
<body>
	<!-- MAIN CONTAINER -->
	<div id="cre_main_container">
		<!-- HEADER SECTION START -->
		<div id="cre_header">
			<!-- TOP SECTION IN HEADER -->
			<div id="cre_header_top">
				<!-- LOGO -->
				<div id="cre_header_top_logo"><img width="180" src="images/logo_creatision.png" /></div>
				<!-- TOP NAVIGATION -->
				<div id="cre_header_top_topnavi">
					<ul>
						<li class="first"><a href="#">Registrieren</a></li>
						<li><a href="#">Anmelden</a></li>
						<li class="facebook last"><a href="#">Anmelden</a></li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<!-- TOP HEADLINES -->
			<div id="cre_header_headlines">
				<div id="cre_header_headlines_intro">
					<h2 class="text-center">Was möchtest du tun?</h2>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<!-- HEADER SECTION END -->

		<!-- CONTENT BEGIN -->
		<div id="cre_content_wrapper">
			<div id="cre_content_inner">
				<div class="cre_content width-100">
					<h3 class="text-center">Wähle deine <span class="font-weight-600">App</span></h3>
					<div class="cre_app_col">
						<img src="images/content/apps/create-creatision.jpg" />
						<h4 class="font-weight-400">creatision anlegen</h4>
						<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>
					</div>
					<div class="cre_app_col">
						<img src="images/content/apps/search-manufacturer.jpg" />						
						<h4 class="font-weight-400">Hersteller suchen</h4>
						<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>
					</div>
					<div class="cre_app_col right">
						<img src="images/content/apps/communication.jpg" />
						<h4 class="font-weight-400">Kommunikationszentrale</h4>
						<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>
					</div>
					<div class="cre_app_col">
						<img src="images/content/apps/creative-manufacturer-websites.jpg" />
						<h4 class="font-weight-400">Kreative Herstellerseiten</h4>
						<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>
					</div>
					<div class="cre_app_col">
						<img src="images/content/apps/community.jpg" />						
						<h4 class="font-weight-400">Community</h4>
						<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>
					</div>
					<div class="cre_app_col right">
						<img src="images/content/apps/edit-profile.jpg" />
						<h4 class="font-weight-400">Profil bearbeiten</h4>
						<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div id="cre_content_inner">
				<div class="cre_content width-100">
					<h3 class="text-center">Die <span class="font-weight-600">neuesten</span> Creatisions</h3>
					<div class="cre_news_col">
						<h4>Rennholz</h4>
						<img src="images/content/rennholz.jpg" />
						<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>
					</div>
					<div class="cre_news_col">
						<h4>Ziiiro Gravity</h4>
						<img src="images/content/ziiiro.jpg" />
						<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>
					</div>
					<div class="cre_news_col right">
						<h4>Der Bleistift-Spitzer-Ventilator</h4>
						<img src="images/content/ventilator.png" />
						<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<!-- CONTENT END -->

		<!-- FOOTER BEGIN -->
		<div id="cre_footer_wrapper">
			<div id="cre_footer">
				<div id="cre_footer_copyright">&copy; 2012 creatision GmbH</div>
				<div id="cre_footer_navi">
					<ul>
						<li><a href="#">Impressum</a></li>
						<li><a href="#">FAQ</a></li>
						<li><a href="#">Kontakt</a></li>
						<li><a href="#">AGB</a></li>
						<li><a href="#">Datenschutz</a></li>
						<li><a href="#">Über creatision</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- FOOTER END -->

	</div>

	<div id="cre_overlay"></div>
</body>
</html>